<div class="pagination  col-md-12 col-sm-12" th:inline="text"
	style="margin-bottom: 0px !important;">
	<!-- <div class="pagination"  id="sample_1_info" th:inline="text" style="background-color:#eee;border:1px solid #CCC;border-radius:4px;"> -->

	<div class="col-md-5">
		总计<span th:text="${page.total}"></span>个记录, 共<span th:text="${page.pages}"></span>页
		<span>第</span><span th:text="${page.pageNum}"></span>页&nbsp;&nbsp; <span> <select
			id="pagiantion_pagesize_select">
				<option th:selected="${page.pageSize == 10}">10</option>
				<option th:selected="${page.pageSize == 20}">20</option>
				<option th:selected="${page.pageSize == 30}">30</option>
				<option th:selected="${page.pageSize == 40}">40</option>
				<option th:selected="${page.pageSize == 50}">50</option>
				<option th:selected="${page.pageSize == 100}">100</option>
		</select>
		</span> <span>跳至</span> <span> <input style="width: 40px;" type="text"
			th:value="${page.pageNum}" id="skip_to_page" />
		</span> <span style="display: inline;"> <a class="btn btn-sm default"
			title="GO" onclick="skipTo(this)">GO</a>
		</span>
	</div>
	<ul th:unless="${page.pages == 0}"
		class="col-md-7 pagination pagination-sm pull-left"
		style="visibility: visible; margin-top: 0px !important;">
		<li th:if="${!page.isFirstPage}"><a href="javascript:void(0)"
			th:attr="onclick=${'page(1,'+page.pageSize+')'}"> 首页
		</a></li>
		<li class="prev"
			th:classappend="${!page.hasPreviousPage}? 'disabled'"><a
			th:if="${page.hasPreviousPage}" href="javascript:void(0)"
			title="上一页"
			th:attr="onclick=${'page('+page.prePage+','+page.pageSize+')'}"> <i
				class="glyphicon glyphicon-chevron-left"></i>
		</a></li>
		<li th:class="active">
			<a href="javascript:void(0)"  th:text="${page.pageNum}">1</a>
		</li>
		<!-- 
		<li th:each="pageNumber : ${page.pages}"
			th:classappend="${pageNumber == page.pageNum}? 'active'">
			<a href="javascript:void(0)" th:unless="${pageNumber == page.pageNum}" th:attr="onclick=${'page('+pageNumber+','+page.pageSize+')'}" th:text="${pageNumber}">1</a> 
			<a href="javascript:void(0)" th:if="${pageNumber == page.pageNum}" th:text="${pageNumber}">1</a>
		</li>
		
		<li th:each="pageNumber : ${page.pageNumberList}"
			th:classappend="${pageNumber == page.number}? 'active'">
			<a href="javascript:void(0)" th:unless="${pageNumber == page.number}" th:attr="onclick=${'page('+pageNumber+','+page.size+')'}" th:text="${pageNumber}">1</a> 
			<a href="javascript:void(0)" th:if="${pageNumber == page.number}" th:text="${pageNumber}">1</a>
		</li>
		 -->
		<li class="next" th:classappend="${!page.hasNextPage}? 'disabled'">
			<a href="#" title="下一页" th:if="${page.hasNextPage}"
			th:attr="onclick=${'page('+page.nextPage+','+page.pageSize+')'}">
				<i class="glyphicon glyphicon-chevron-right"></i>
		</a>
		</li>
		<li th:if="${!page.isLastPage}"><a href="javascript:void(0)"
			th:attr="onclick=${'page('+page.pages+','+page.pageSize+')'}"> 尾页
		</a></li>
	</ul>
</div>
